<template>
	<view class="main column_c">
		<u-navbar title="我的影像" :placeholder="true" @rightClick="rightClick" :autoBack="true"></u-navbar>
		<view class="column-wrap ">
			<view class="col-item" v-for="(item, index) in InfoData" :key="index">
				<image class="yyjl" :src="item"></image>
			</view>
		</view>
	</view>
</template>

<script>
	import api_screenage from '@/api/screenage.js';
	export default {

		async onLoad(option) {
			this.medical_record = option.id;
		},

		async onShow() {
			this.getScreenageDetailFuc(); //影像详情
		},
		data() {
			return {
				medical_record: null,
				InfoData: [],
			};
		},
		methods: {
			//影像详情
			async getScreenageDetailFuc() {
				var per = {
					medical_record: this.medical_record
				}
				const res = await api_screenage.getScreenageDetail(per);
				if (res.code == 1) {
					this.InfoData = res.data.list
				} else {
					this.$util.msg(res.message);
					return;
				}
			},

		}
	};
</script>

<style scoped>
	.main {
		width: 100%;
		height: 100vh;

	}

	.top {
		padding: 32rpx;
	}

	::v-deep .u-tabs__wrapper__nav__item {
		padding: 18rpx !important;
	}

	.yyjl {
		height: 160rpx;
		width: 330rpx;
	}

	.wzz {
		font-weight: 400;
		font-size: 28rpx;
		color: #3D3D3D;
		margin-top: 16rpx;
	}

	.column-wrap {
		width: 100%;
		overflow: hidden;
		margin-left: 45rpx;
		margin-top: 30rpx;
	}

	.col-item {
		float: left;
		width: 48%;
		margin-right: 2%;
		margin-bottom: 10px;
		box-sizing: border-box;
		margin-bottom: 30rpx;
	}
</style>